<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>编辑收货地址</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>
	<link href="../libs/map/mui.picker.css" rel="stylesheet" />
	<link href="../libs/map/mui.poppicker.css" rel="stylesheet" />
	<style>
		/*头部*/		
		.mui-content{ font-size: 14px;}
		.mui-input-row label{color: #000000;}	
		.mui-table-view-cell{padding: 5px 0;}
		.mui-input-row label{text-align: left;padding-left: 15px;padding-right:0px;width:30%;}
		.mui-input-row label~input{width: 70%;}		
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">编辑收货地址</h1>		
		<a class="mui-icon mui-pull-right"><h5 onclick="preservation()">保存</h5></a>
	</header>
	<div class="mui-content">
		<form id='edit-addr'>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>联系人姓名</label>
						<input type="text" class="true_name" placeholder="杨洋"/>
					</div>	
				</div>					
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>手机号码</label>
						<input type="text" class="mob_phone" placeholder="13180808080"/>
					</div>	
				</div>					
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<a class="mui-navigate-right" id='showCityPicker3'>
							<label>所在地区</label>
							<input type="text" placeholder="广东 深圳" class="ui-alert area_info" id='cityResult3' />
							<!--<div id='cityResult3' class="ui-alert"><input type="text" placeholder="深圳 宝安"></div>-->
						</a>
					</div>	
				</div>
								
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
						<div class="mui-input-row">
							<label>详细地址</label>
							<input type="text" class="address" placeholder="沙井中心路卓越时代大厦"/>
						</div>
				</div>					
			</div>
		</form>	
	</div> 
	<script src="../js/mui.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
	<script src="../libs/map/mui.picker.js"></script>
	<script src="../libs/map/mui.poppicker.js"></script>
	<script src="../libs/map/city.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="../libs/map/city.data-3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/web_js/public.js"></script>
	<script type="text/javascript" src="../js/web_js/edit_addr.js"></script>
		<script>
			(function($, doc) {
				$.init();
				$.ready(function() {					
					//-----------------------------------------
					//					//级联示例
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});
					cityPicker3.setData(cityData3);
					var showCityPickerButton = doc.getElementById('showCityPicker3');
					var cityResult3 = doc.getElementById('cityResult3');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {
//							cityResult3.value = (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
							cityResult3.value = items[0].text + " " + items[1].text + " " +items[2].text;
							//返回 false 可以阻止选择框的关闭 
							//return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
</body>
</html>